<div id="book_list_view">
    <?php
        echo $js_grid;
    ?>
    <table id="flexigrid" style="display: none;"></table>
</div>
<div id="add_books" class="modal_form">
    <form action="" metho="post">
        <div>
            <div>
                <label for="f_title">TITLE</label>
            </div>
            <div class="form_field">
                <input type="text" id="f_title" name="f_title" placeholder="Enter the book title" />
            </div>
        </div>
        <div>
            <div>
                <label for="f_author">AUTHOR</label>
            </div>
            <div class="form_field">
                <input type="text" id="f_author" name="f_author" placeholder="Enter the author" />
            </div>
        </div>
        <div>
            <div>
                <label for="f_publisher">PUBLISHER</label>
            </div>
            <div class="form_field">
                <input type="text" id="f_publisher" name="f_publisher" placeholder="Enter the publisher" />

            </div>
        </div>
        <div>
            <div>
                <label for="f_class">CLASS</label>
            </div>
            <div class="form_field">
                <select name="f_class" id="f_class">
                    <option value="SBAA">SBAA</option>
                    <option value="SEAS">SEAS</option>
                    <option value="SEAFA">SEAFA</option>
                    <option value="CTVED">CTVED</option>
                    <option value="CHAS">CHAS</option>
                    <option value="SICS">SICS</option>
                    <option value="G.R.">G.R.</option>
                    <option value="G.I.">G.I.</option>
                </select>
            </div>
        </div>
        <div>
            <div>
                <label for="f_edition">EDITION</label>
            </div>
            <div class="form_field">
                <input type="text" id="f_edition" name="f_edition" />
            </div>
        </div>
        <div>
            <div>
                <label for="f_volumes">VOLUMES</label>
            </div>
            <div class="form_field">
                <input type="text" id="f_volumes" name="f_volumes" />
            </div>
        </div>
        <div>
            <div>
                <label for="f_pages">PAGES</label>
            </div>
            <div class="form_field">
                <input type="text" id="f_pages" name="f_pages" />
            </div>
        </div>
    </form>
</div>
<div id="mask"></div>